<!--
CSS样式初始化：重设浏览器样式
    不同浏览器对标签设置的默认值是不同的，导致样式呈现差异化；
    为了统一样式，且照顾兼容性，最好对CSS初始化（CSS Reset）。

京东官网（其它网页同理）
  ctrl+U：右键，查看页面源代码
    <link href="xxx/css/first-screen.chunk.css" rel="stylesheet"/>
  ctrl+F：输入【*】，找到下面的CSS样式

CSS代码放到style中
  快捷键：Alt + Shift + F
  插件：Prettier - Code formatter

总之：
  每个网页都要初始化！
  直接复制下面那段代码、或者使用normalize.css（参考第399集）！
-->

<style>
  /* 所有标签去掉内外边距 */
  * {
    margin: 0;
    padding: 0;
  }
  /* 斜体变正常 */
  em,
  i {
    font-style: normal;
  }
  /* 去掉圆点样式 */
  li {
    list-style: none;
  }
  img {
    /* 低版浏览器中（IE11以下），图片被链接包含时会有边框 */
    border: 0;
    /* 去掉底部空白间隙 */
    vertical-align: middle;
  }
  /* 某些浏览器的按钮是白色箭头，应该统一为小手 */
  button {
    cursor: pointer;
  }
  /* 超链接 */
  a {
    color: #666;
    text-decoration: none;
  }
  a:hover {
    color: #c81623;
  }
  /* 字体："\5B8B\4F53"是"宋体"对应的Unicode（UTF-16）编码（去掉\u并大写），在线转换编码（www.toolhelper.cn） */
  /* 浏览器内核毕竟是国外的，对中文支持不太好，中文应该用对应的Unicode编码代替 */
  button,
  input {
    font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB,
      "\5B8B\4F53", sans-serif;
  }
  body {
    /* CSS3的字体平滑：放大时，抗锯齿 */
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB,
      "\5B8B\4F53", sans-serif;
    color: #666;
  }
  /* 隐藏 */
  .hide,
  .none {
    display: none;
  }
  /* 清除浮动 */
  .clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0;
  }
  .clearfix {
    *zoom: 1;
  }
</style>
